<!DOCTYPE html>
<html>

<head>
    <link href="../Public/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css" rel="stylesheet" >

    <script type="text/javascript" src="../Public/zTree_v3/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="../Public/zTree_v3/js/jquery.ztree.core-3.5.js"></script>
 
</head>

<body class="hold-transition skin-blue sidebar-mini">
     <div class="controls" style="width: 270px; height: 280px; border: solid 1px #DDDDDD; display: block;scroll:auto;">
                                    <ul id="treeDemo" class="ztree"></ul>
                                </div>
</body>
   <script type="text/javascript">
        $(function(){
            var set = {
                data: {
                //  key: {
                //      title:"t"
                //  },
                    simpleData: {
                        enable: true
                    }
                },
                callback: {
                    beforeClick: beforeClick,
                    onClick: onClick
                }
            };
            
            var log, className = "dark";
            function beforeClick(treeId, treeNode, clickFlag) {
            };
            function onClick(event, treeId, treeNode, clickFlag) {
            //  alert(treeNode.id + "---" + treeNode.name);
                // $("#cateId").val(treeNode.id);
                // $("#cateName").val(treeNode.name);
            };  
            var tree = {$tree};
            $.fn.zTree.init($("#treeDemo"), set, tree);
        });
    </script>
</html>
